
layui.use(['form','layer','laydate','table','upload','element'],function(){
    var table = layui.table;
    var $ = layui.jquery;

    var element = layui.element;
    var form = layui.form;

    var classId = '0';
    var semesterId = '0';

    //第一个实例
    var tab = table.render({
        elem: '#demo'
        ,url: '/schedule/querySchByClassSeme?classId=' + classId + '&semesterId=' + semesterId //数据接口
        // ,url: '../../json/schedule.json' //数据接口
        ,width:1200
        ,method:'post' //yw 默认是get方式
        ,cols: [[ //表头
            {field: 'lessonName', title: '课时名称', width: '9.5%', style:'background-color: #eee;'}
            ,{field: 'monDay', title: '星期一', width: '13%'}
            ,{field: 'tuesDay', title: '星期二', width: '13%'}
            ,{field: 'wednesDay', title: '星期三', width: '13%'}
            ,{field: 'thursDay', title: '星期四', width: '13%'}
            ,{field: 'friDay', title: '星期五', width: '13%'}
            ,{field: 'saturDay', title: '星期六', width: '13%'}
            ,{field: 'sunDay', title: '星期日', width: '13%'}
        ]]
    });

    form.on('select(mySelect)', function (data) {
            // console.log(data.value)
        semesterId = data.value;
        if(classId != '0') {
            // alert("选择成功！" + semesterId + " : " + classId);
            table.render({
                elem: '#demo'
                ,url: '/schedule/querySchByClassSeme?classId=' + classId + '&semesterId=' + semesterId //数据接口
                // ,url: '../../json/schedule.json' //数据接口
                ,width:1200
                ,method:'post' //yw 默认是get方式
                ,cols: [[ //表头
                    {field: 'lessonName', title: '课时名称', width: '9.5%', style:'background-color: #eee;'}
                    ,{field: 'monDay', title: '星期一', width: '13%'}
                    ,{field: 'tuesDay', title: '星期二', width: '13%'}
                    ,{field: 'wednesDay', title: '星期三', width: '13%'}
                    ,{field: 'thursDay', title: '星期四', width: '13%'}
                    ,{field: 'friDay', title: '星期五', width: '13%'}
                    ,{field: 'saturDay', title: '星期六', width: '13%'}
                    ,{field: 'sunDay', title: '星期日', width: '13%'}
                ]]
            });
        }
    });

    $(".t2").click(function () {
        classId = $(this).attr("classroomID");
        // console.log(val)
        if(semesterId != '0') {
            // alert("选择成功！" + semesterId + " : " + classId);
            table.render({
                elem: '#demo'
                ,url: '/schedule/querySchByClassSeme?classId=' + classId + '&semesterId=' + semesterId //数据接口
                // ,url: '../../json/schedule.json' //数据接口
                ,width:1200
                ,method:'post' //yw 默认是get方式
                ,cols: [[ //表头
                    {field: 'lessonName', title: '课时名称', width: '9.5%', style:'background-color: #eee;'}
                    ,{field: 'monDay', title: '星期一', width: '13%'}
                    ,{field: 'tuesDay', title: '星期二', width: '13%'}
                    ,{field: 'wednesDay', title: '星期三', width: '13%'}
                    ,{field: 'thursDay', title: '星期四', width: '13%'}
                    ,{field: 'friDay', title: '星期五', width: '13%'}
                    ,{field: 'saturDay', title: '星期六', width: '13%'}
                    ,{field: 'sunDay', title: '星期日', width: '13%'}
                ]]
            });
        }
    });

    var upload = layui.upload;

    //执行实例
    var uploadInst = upload.render({
        elem: '#test1' //绑定元素
        ,url: '/schedule/importSch' //上传接口
        ,accept: 'file' //普通文件
        ,exts: 'xls' //只允许上传Excel文件
        ,done: function(res){
            //上传完毕回调
            layer.alert("导入成功！");
            //重新请求数据表格
            tab.reload();
        }
        ,error: function(){
            //请求异常回调
            layer.alert("上传失败！");
        }
    });

    $(function(){
        // nav收缩展开
        $('#aat').on('click','.nav-item>a',function(){
            if (!$('.nav').hasClass('nav-mini')) {
                if ($(this).next().css('display') == "none") {
                    //展开未展开
                    $('.nav-item').children('ul').slideUp(300);
                    $(this).next('ul').slideDown(300);
                    $(this).parent('li').addClass('nav-show').siblings('li').removeClass('nav-show');

                }else{
                    //收缩已展开
                    $(this).next('ul').slideUp(300);
                    $('.nav-item.nav-show').removeClass('nav-show');
                }
            }
        });
        // 标志点击样式
        $('#aat').on('click','.nav-item>ul>li',function(){
            $('.nav-item>ul>li').css('background','none')
            $(this).css('background','lightgray')
            //$(this).siblings().css('background','none')
        })

        $('.aat2').on('click','.nav-item2>a',function(){
            if (!$('.nav').hasClass('nav-mini')) {
                if ($(this).next().css('display') == "none") {
                    //展开未展开
                    $('.nav-item2').children('ul').slideUp(300);
                    $(this).next('ul').slideDown(300);
                    $(this).parent('li').addClass('nav-show').siblings('li').removeClass('nav-show');
                }else{
                    //收缩已展开
                    $(this).next('ul').slideUp(300);
                    $('.nav-item2.nav-show').removeClass('nav-show');
                }
            }
        });

        // 标志点击样式
        $('.aat2').on('click','.nav-item2>ul>li',function(){
            $('.nav-item>ul>li').css('background','none')
            $(this).css('background','lightgray')
            //$(this).siblings().css('background','none')
        })
    });

}); //yw 最后一行对应layui.use(['form','layer','laydate','table'],function(){
